<template>

    <div class="left_inner">
        <el-row class="tac">
            <el-col>
                <el-menu style="text-align: left !important;" default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
                    <el-submenu index="1">
                        <template slot="title"><i class="el-icon-message"></i>工程管理</template>
                        <el-menu-item-group style="padding-left: 5% !important;margin-top: -5px">
                            <el-menu-item index="1-1" @click="goStation">工站管理</el-menu-item>
                            <el-menu-item index="1-2" @click="goMaterials">原料管理</el-menu-item>
                            <el-menu-item index="1-3" @click="goHalfProduce">半成品料号管理</el-menu-item>
                            <el-menu-item index="1-4" @click="goProduce">成品料号管理</el-menu-item>
                            <el-menu-item index="1-5" @click="goPieceBasic">计件基础报表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="2">
                        <template slot="title"><i class="el-icon-menu"></i>人事行政管理</template>
                        <el-menu-item-group style="padding-left: 5% !important;margin-top: -5px">
                            <el-menu-item index="2-1" @click="goDepartment">部门管理</el-menu-item>
                            <el-menu-item index="2-2" @click="goOffice">科室管理</el-menu-item>
                            <el-menu-item index="2-3" @click="goPerson">员工管理</el-menu-item>
                            <el-menu-item index="2-4" @click="goRole">角色管理</el-menu-item>
                            <el-menu-item index="2-5" @click="goMenu">菜单管理</el-menu-item>
                            <el-menu-item index="2-6" @click="goDuty">职务职级管理</el-menu-item>
                            <el-submenu index="2-7">
                            <template slot="title">薪资管理</template>
                                <el-menu-item-group style="padding-left: 5% !important;margin-top: -15px">
                                    <el-menu-item index="2-7-1" @click="goSalaryRegular">固定薪资</el-menu-item>
                                    <el-menu-item index="2-7-2" @click="goSalaryTime">计时薪资</el-menu-item>
                                    <el-menu-item index="2-7-3" @click="goSalaryPiece">计件薪资</el-menu-item>
                                </el-menu-item-group>
                            </el-submenu>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="3">
                        <template slot="title"><i class="el-icon-message"></i>销售管理</template>
                        <el-menu-item-group style="padding-left: 5% !important;margin-top: -5px">
                            <el-menu-item index="3-1" @click="goCustomer">客户讯息管理</el-menu-item>
                            <el-menu-item index="3-2" @click="goSalesOrder">订单信息查询</el-menu-item>
                            <el-menu-item index="3-3" @click="goOrderForm">订单信息管理</el-menu-item>
                            <el-menu-item index="3-4" @click="goQuotation">报价信息管理</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="4">
                        <template slot="title"><i class="el-icon-message"></i>仓库管理</template>
                        <el-menu-item-group style="padding-left: 5% !important;margin-top: -5px">
                            <el-menu-item index="4-1" @click="goRepository">库位管理</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="5">
                        <template slot="title"><i class="el-icon-message"></i>采购管理</template>
                        <el-menu-item-group style="padding-left: 5% !important;margin-top: -5px">
                            <el-menu-item index="5-1" @click="goSupplier">供应商管理</el-menu-item>
                            <el-menu-item index="5-2" @click="goPorder">采购下单管理</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="6">
                        <template slot="title"><i class="el-icon-message"></i>测试</template>
                        <el-menu-item-group style="padding-left: 5% !important;margin-top: -5px">
                            <el-menu-item index="6-1" @click="goup">上传</el-menu-item>
                            <el-menu-item index="6-2" @click="goschart">图表</el-menu-item>
                            <el-menu-item index="6-3" @click="goSelection">默认选中</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>

            </el-col>
        </el-row>
    </div>

</template>

<style>

    .left_inner {
        width: 12%;
        min-height: 100%;
        min-width: 8%;
        background-color: #EFF2F7;
        float: left;
    }




</style>

<script>

    export default {
        data (){
            return {
                flag: false
            }
        },
        methods: {
//            goGongZhan(){
//                this.$router.push('/gongzhan');
//            },
            goStation(){
                this.$router.push('/station');   // 工站
            },
            goProduce(){
                this.$router.push('/produce');   //   成品管理
            },
            goHalfProduce(){
                this.$router.push('/halfProduce');   //   半成品
            },
            goMaterials(){
                this.$router.push('/materials');   //   原料管理
            },
            goPieceBasic(){
                this.$router.push('/pieceBasic');   //   计件基础报表 管理
            },
//  人事行政管理
            goDepartment(){
                this.$router.push('/department');   //   部门
            },
            goOffice(){
                this.$router.push('/office');   //   科室
            },
            goPerson(){
                this.$router.push('/person');   //   人员
            },
            goRole(){
                this.$router.push('/role');   //   角色
            },
            goMenu(){
                this.$router.push('/menu');   //   角色
            },
            goDuty(){
                this.$router.push('/duty');   //   职务职级
            },
            //     薪资
            goSalaryRegular(){
                this.$router.push('/SalaryRegular');   //   固定薪资
            },
            goSalaryTime(){
                this.$router.push('/SalaryTime');   //   计时薪资
            },
            goSalaryPiece(){
                this.$router.push('/SalaryPiece');   //   计件薪资
            },
//    销售管理
            goCustomer(){
                this.$router.push('/customer');      //    客户讯息管理
            },
            goOrderForm(){
                this.$router.push('/orderForm');      //    订单讯息管理
            },
            goQuotation(){
                this.$router.push('/quotation');      //    报价管理
            },
            goSalesOrder(){
                this.$router.push('/salesOrder');      //   订单讯息查询
            },
//    仓库管理
            goRepository(){
                this.$router.push('/repository');      //   库位管理
            },
//     采购管理
            goSupplier(){
                this.$router.push('/supplier');      //   供应商管理
            },
            goPorder(){
                this.$router.push('/Porder');      //   下单管理
            },




            goup(){
                this.$router.push('/up');   //   上传
            },
            goschart(){
                this.$router.push('/schart');   //  图表
            },
            goSelection(){
                this.$router.push('/selectionText');   //  默认选中
            },
        //           菜单栏
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    }

</script>
